<!DOCTYPE html>
<html><head>
<title>Blogger Comment Editor</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link rel="stylesheet" href="comment-editor_files/style.css" media="screen" type="text/css">
<script type="text/javascript" src="comment-editor_files/jquery.js"></script>
<!-- script type="text/javascript" src="js/jquery-1.7.1.min.js"></script -->
<script type="text/javascript" src="comment-editor_files/script.js"></script>
</head>
<body spellcheck="false">
<div id="editor">
	<ul id="editor-mode">
     <li style="display:none;"><form action="#" class="anc" id="balas"><input id="userID" placeholder="Sisipkan userID" type="text"><span style="display: inline; margin-top: 10px;" class="tooltip" title="Dismiss">Jangan
 lupa untuk menyisipkan userID jika Anda merancang komentar yang akan 
Anda gunakan sebagai balasan dari komentar seseorang di blog.<br>Misal: <strong>@&lt;a href="#c2233"&gt;Nama&lt;/a&gt;</strong></span></form></li>
		<li><a id="render" href="#main">Konversi Tampilan</a></li>
	</ul>
	<h2 style="position:absolute;top:12px;right:15px;font-weight:normal;color:#999;">EDITOR KOMENTAR VIRTUAL</h2>
</div>
<div id="comments" class="comments">
	<div class="cm_wrap" id="main">
		<div class="cm_head">
			<div class="cm_avatar">
				<div class="avatar-image-container vcard">
					<div class="img"></div>
				</div>
			</div>
			<div class="cm_reply">
           <a style="display:none;" class="answer-this-comment" href="#" target="_blank">Balas</a>
				<a id="comment-delete" href="#" title="Reset Komentar">Bersihkan</a>
			</div>
		</div>

		<div class="cm_entry">
			<div class="cm_info">
				<div class="cm_name">
					<a href="#" rel="nofollow" target="_blank">Contoh Nama Komentator</a>
				</div>
				<div class="cm_date">
				Minggu, 06 Mei 2012 04:57:00 WIB <a href="#c1234567" title="comment permalink">Permalink</a>
				</div>
				<div class="clear"></div>
			</div>
			<div style="display: block;" id="textPreview" class="komentar-spam toggle" contenteditable="true"></div>
			<textarea style="display: none;" spellcheck="false" id="htmlsource" class="toggle hidden" contenteditable="true"></textarea>
		</div>
	</div>

</div>

<ul id="edit">
	<li><a href="#" class="icon link">&lt;a&gt;</a></li>
	<li><a href="#" class="icon image">&lt;img&gt;</a></li>
	<li><a href="#" class="icon code">&lt;code&gt;</a></li>
	<li><a href="#" class="icon pre">&lt;pre&gt;</a></li>
	<li><a href="#" class="icon blockquote">&lt;blockquote&gt;</a></li>
	<li><a href="#" class="icon note">[note]</a></li>
</ul>


</body></html>